<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="${pageContext.request.contextPath}/js/jquery-3.6.1.js"></script>
<style>
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: sans-serif;
	background-image: url('img/bg.jpg');
	background-repeat: no-repeat;
	/* 溢出隐藏 */
	overflow: hidden;
	background-size: cover;
}

a {
	text-decoration: none;
	color: black;
	font-size: larger;
}

#menu li {
	display: inline-block;
	width: 100px;
	height: 20px;
	margin: 20px;
}

.menu {
	background-color: rgb(252, 162, 123);
	height: 60px;
}

.main {
	margin-top: 20px;
	margin-left: 80px;
	font-Size: 20px;
}

</style>
</head>
<body>
	<div class="menu">
		<div class="bottomLine"></div>
		<ul id="menu" class="inner-nav clear" style="margin-left: 15%;">
			<li id="name"><a>云彩新闻网</a></li>
			<li class="li0"><a
				href="${pageContext.request.contextPath}/showNews?newstype=0"
				title="社会新闻">社会新闻</a></li>
			<li class="li1"><a
				href="${pageContext.request.contextPath}/showNews?newstype=1"
				title="娱乐新闻">娱乐新闻</a></li>
			<li class="li2"><a
				href="${pageContext.request.contextPath}/showNews?newstype=2"
				title="财经新闻">财经新闻</a></li>
			<li class="li3"><a
				href="${pageContext.request.contextPath}/showNews?newstype=3"
				title="科技新闻">科技新闻</a></li>
			<li class="li4"><a
				href="${pageContext.request.contextPath}/showNews?newstype=4"
				title="体育新闻">体育新闻</a></li>
			<li class="li5"><a
				href="${pageContext.request.contextPath}/showNews?newstype=5"
				title="其他新闻">其他新闻</a></li>
			<li class="li6"><a
				href="${pageContext.request.contextPath}/jsp/login.jsp">登录</a>/<a
				href="${pageContext.request.contextPath}/jsp/register.jsp">注册</a></li>
		</ul>
	</div>
	<div class="main">
		<ul id="shownews">
			<c:forEach items="${news}" var="neww">
				<li><a
					href="${pageContext.request.contextPath}/showDetailNew?newid=${neww.id}">${neww.title}</a></li>
			</c:forEach>
		</ul>
	</div>
</body>
</html>